<template>
  <div class="h-[85px] flex items-center justify-between">
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item v-for="item in pathConfig" :key="item.path" :to="{ path: item.path }">{{
        item.label
      }}</el-breadcrumb-item>
    </el-breadcrumb>
  </div>
</template>

<script lang="ts">
import Vue from 'vue'
export default Vue.extend({
  components: {},
  props: {
    pathConfig: {
      type: Array,
      default: () => [
        {
          label: '查园区',
          path: '/park',
        },
      ],
    },
  },
  data() {
    return {}
  },
})
</script>
<style lang="scss" scoped></style>
